body {
    background-color: #ebebeb;
}
.layout {
    margin-top: 90/37.5rem;
    .header {
        width: 100%;
        height: 90/37.5rem;
        background-color: #141414;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
        .arrowIcon {
            float: left;
            width: 60/37.5rem;
            height: 90/37.5rem;
            margin-left: 30/37.5rem;
            background: url("../../img/back_W@3x.png") no-repeat left center;
            background-size: 60/37.5rem 60/37.5rem;
        }
        .musicIcon {
            float: right;
            width: 60/37.5rem;
            height: 90/37.5rem;
            margin-right: 30/37.5rem;
            background: url("../../img/music_gray@3x.png") no-repeat left center;
            background-size: 60/37.5rem 60/37.5rem;
        }
    }
    .mainPic {
        width: 100%;
        img {
            width: 100%;
        }
    }
    .host {
        .hostIcon {
            width: 200/37.5rem;
            height: 62/37.5rem;
            margin: 40/37.5rem auto;
            background: url("../../img/host.png") center center;
            background-size: 200/37.5rem 62/37.5rem;
        }
        .hostList {
            .productItem {
                float: left;
                width: 200/37.5rem;
                margin-left: 45/37.5rem;
                margin-bottom: 20/37.5rem;
                background-color: #fff;
                position: relative;
                .productImg {
                    width: 200/37.5rem;
                    height: 200/37.5rem;
                    img {
                        display: block;
                        width: 100%;
                        height: 100%;
                    }
                }
                .productName {
                    text-align: center;
                    font-size: 22/37.5rem;
                    color: #141414;
                    margin: 20/37.5rem 0 18/37.5rem 0;
                    padding: 0 10/37.5rem;
                    overflow:hidden; 
                    text-overflow:ellipsis;
                    display:-webkit-box; 
                    -webkit-box-orient:vertical;
                    -webkit-line-clamp:1; 
                }
                .price {
                    text-align: center;
                    font-size: 26/37.5rem;
                    color: #141414;
                    margin-bottom: 20/37.5rem;
                }
                .tag {
                    position: absolute;
                    top: 0;
                    left: -20/37.5rem;
                    width: 40/37.5rem;
                    padding: 15/37.5rem 0;
                    color: #141414;
                    font-size: 22/37.5rem;
                    text-align: center;
                    background-color: #ffd11a;
                    box-sizing: border-box;
                }
            }
            .productItem:nth-of-type(3n+1) {
                margin-left: 40/37.5rem;
            }
        }
    }
    .custom {
        .customIcon {
            width: 200/37.5rem;
            height: 62/37.5rem;
            margin: 40/37.5rem auto;
            background: url("../../img/custom.png") center center;
            background-size: 200/37.5rem 62/37.5rem;
        }
        .customList {
            .customItem {
                width: 690/37.5rem;
                margin: 0 auto;
                margin-bottom: 57/37.5rem;
                .top {
                    height: 990/37.5rem;
                    margin-bottom: 10/37.5rem;
                    border-radius: 8px;
                    overflow: hidden;
                    background-color: #fff;
                    .customItemPic {
                        width: 690/37.5rem;
                        height: 690/37.5rem;
                        img {
                            display: block;
                            width: 100%;
                            height: 100%;
                        }
                    }
                    .customItemMsg {
                        width: 100%;
                        height: 300/37.5rem;
                        border-radius: 8px;
                        position: relative;
                        .tagPic {
                            float: left;
                            width: 210/37.5rem;
                            height: 300/37.5rem;
                            img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                        .msg {
                            float: left;
                            margin-left: 60/37.5rem;
                            .tagTitle,.name {
                                font-size: 34/37.5rem;
                                color: #141414;
                            }
                            .tagTitle {
                                margin-top: 44/37.5rem;
                            }
                            .name {
                                margin-bottom: 32/37.5rem;
                            }
                            .price {
                                font-size: 34/37.5rem;
                                color: #ffa31a;
                                margin-bottom: 19/37.5rem;
                                font-weight: 700;
                            }
                            .sellNum {
                                font-size: 28/37.5rem;
                                color: #a4a4a4;
                                span {
                                    color: #ffa31a;
                                }
                            }
                            .carIcon {
                                position: absolute;
                            }
                        }
                    }
                }
                .footer {
                    width: 690/37.5rem;
                    padding: 30/37.5rem;
                    background-color: #f7f7f7;
                    border-radius: 8px;
                    font-size: 26/37.5rem;
                    color: #a3a3a3;
                    box-sizing: border-box;
                    .author {
                        text-align: right;
                    }
                }
                
            }
            .end {
                width: 420/37.5rem;
                margin: 0 auto 40/37.5rem auto;
                img {
                    width: 100%;
                }
             }
        }
    }
}